<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <title>show time</title>
    <style>
        header{
            background-color:blue;
             border-color:blue;
             border-width: 2px;
           
             
        }

        li{
            display: block;
        }
        li {  
 float: left;  
 width: 100px;  
 height: 20px;  
 margin: 2px;  
 list-style:none;  
 text-align: center;  
 background: red;  
 display: inline;  
 }  
 a {  
 text-decoration: none;  
 }  
 a:link,a:visited {  
 display:block;  
 font-weight:bold;  
 color:blue;  
 background-color:goldenrod;  
 text-align:center;  
 text-transform:uppercase;  
 }  
 a:hover,a:active {  
 background-color:red;  
 } 
 .table-back {  
 border-collapse: collapse;  
 width: 400px;  
 height: 100px;  
   }  
 .table-back th,
 .table-back td {  
 width: 200px;  
 border: 1px solid black;  
 padding: 10px;  
 text-align: center;
 }  
 .table-back th {  
 background-color:goldenrod;  
 color: rgb(248, 246, 246);  
 }  
 div.gallery {
  margin: 10px;
  border: 10px solid blue;
  float: left;
  width: 600px;
  box-shadow: 10px 10px 10px; 
}

div.gallery:hover {
  border: 1px solid rgb(11, 11, 11);
}

div.gallery img {
  width: 600px;
  height:600px;
}
main{
    background: blue;
}

div.desc {
  padding: 15px;
  text-align: center;
  color: #e31616;
}


footer{
	clear:both;
	display:block;
	background-color: rgb(8, 8, 8);
	color:#FFFFFF;
	text-align:center;
	padding:15px;
}
tr{
    background: rgb(210, 149, 197);
}

.a{
   color: dimgray;
}
.b{
    color: darkgoldenrod;
}
tr:nth-child(2n+1){background: blue;

}
    </style>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <body>
        <img src="nba.jpg.jpg.webp" width="30%" height="30%"/><br>
        <form>
            用户名<br>
            <input type='text' /><br>
            密码<br>
            <input type='password' /><br>
            昵称<br>
            <input type='text' /><br>
            联系方式<br>
            <input type='text' /><br>
            自我介绍<br>
            <input type='text' /><br>
            
            验证码<br>
            <input type="text" name="验证码"><button></buutton><input type="submit" value="发送验证码"></button><br><button>
            <input type="submit" value="注册"><br></button>
           </form>
           <form>
            <input type="radio" name="sex" value="male" checked>Male
            <br>
            <input type="radio" name="sex" value="female">Female
            </form> 
            <p>喜欢<br>
                <input type="checkbox" name="hobby" value="看球"/>看球
                <input type="checkbox" name="hobby" value="说球"/>说球
                <input type="checkbox" name="hobby" value="交友"/>交友
                </p><br>
            
            <form>
                班级： <select>
                    <option>11班</option>
                    <option>12班</option>
                    <option>13班</option>
                    <option>14班</option>
                    <option>15班</option>
                    <option>16班</option>
                      </select><br>

        <img src="https://ts1.cn.mm.bing.net/th/id/R-C.81245d83126a61d9ccbaa5b9bfee1a17?rik=9lsxweafW0ba8A&riu=http%3a%2f%2fn.sinaimg.cn%2fsinakd20200612ac%2f266%2fw640h426%2f20200612%2f9b3e-iuvaazp7685590.jpg&ehk=3QtaTzT5QExSvZtrpTm1C5i13ns1xdW9qp4ek%2fuf%2fpI%3d&risl=&pid=ImgRaw&r=0" width="30%" height="30%"/>
        <br>
        <p>
            <a href="https://sports.qq.com/nba/">比赛直播</a>
        </p>
        <p>
            <div class="gallery">
                        
                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F016dbc6033aa9d11013f3745450f4b.jpg%3Fx-oss-process%3Dimage%2Fauto-orient%2C1%2Fresize%2Cm_lfit%2Cw_1280%2Climit_1%2Fsharpen%2C100&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1672114276&t=337ffebe33329c8a46d963cbe22e8a03" width="400" height="400">
              </a>
              <div class="desc">BARI（No.1）<br>
                </div>
            </div>
            
            <div class="gallery">
              
                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp4.itc.cn%2Fimages01%2F20211016%2Facea993f85c84766ab7a3d1b8b17aa24.jpeg&refer=http%3A%2F%2Fp4.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1672114276&t=e0d9444685672e0ac1e6e260c3bdaa4d">
              </a>
              <div class="desc">NEKURA（No.2）<br>
                </div>
            </div>
            
            <div class="gallery">
              
                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F13242522994%2F1000&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1672114277&t=3dd46d3ba665b21825a7f0535c62e44d">
              </a>
              <div class="desc">USOTSUKI（No.3）<br>
                 </div>
            </div>
      
            <div class="gallery">
              
                <img src="http://t13.baidu.com/it/u=678704518,1088648349&fm=224&app=112&f=JPEG?w=500&h=500&s=71C0D1A2422386FB1CE8F0A803005040" >
              </a>
              <div class="desc">REIKETSU（No.4）<br>
                 </div>
            </div>
            <a href="1.html#a">照片</a>

        </p>
        <ul>
            
            <li>荣誉
                <ol>
                    <li>总冠军</li>
                    <li>MVP</li>
                    <li>得分王</li>
                    </ol></li>
            </ul>
            <table border="1">
                
                <th colspan="4">强队</th>
                <tr>
                    <th rowspan="3">队名</th>

                <tr>
                  <td>湖人</td>
                  <td>勇士</td>
                  <td>快船</td>
                </tr>
                <tr>
                  <td>雄鹿</td>
                  <td>绿军</td>
                  <td>公牛</td>
                </tr>
                </table>
                <footer>
                    <h1>NBA新赛季</h1>
                          <br>
                          <h2>
                            新星升起<br>
                            旧神仍在<br>
                           让我们拭目以待<br>
                            
                            
                            
                            <p>好戏开场！</p>
                            
                          </h2>
                          
                          
                      
                   
                     </footer>
            
    </body>
    
   
</html>